<!--
 Copyright 2015 the original author or authors.

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
-->
<!doctype html>

<html class="no-js" lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>WikiBrowser</title>
  <link rel="stylesheet" href="css/foundation.css" />
  <script src="js/vendor/modernizr.js"></script>
</head>

<body>
  <div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">
      <nav class="tab-bar">
        <!--section class="left-small">
          <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
        </section-->

        <section class="middle tab-bar-section">
          <h1 class="title">Bill Clinton</h1>
        </section>

        <section class="right-small">
          <a class="right-off-canvas-toggle menu-icon" ><span></span></a>
        </section>
      </nav>

      <!--aside class="left-off-canvas-menu">
        <ul class="off-canvas-list">
          <li><label>Bill Clinton</label></li>
          <li class="has-submenu"><a href="#">The Psychohistorians</a>
            <ul class="left-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><label>Level 1</label></li>
              <li><a href="#">Link 1</a></li>
              <li class="has-submenu"><a href="#">Link 2 w/ submenu</a>
                <ul class="left-submenu">
                  <li class="back"><a href="#">Back</a></li>
                  <li><label>Level 2</label></li>
                  <li><a href="#">...</a></li>
                </ul>
              </li>
              <li><a href="#">...</a></li>
            </ul>
          </li>
          <li><a href="#">The Encyclopedists</a></li>
          <li><a href="#">The Mayors</a></li>
          <li><a href="#">The Traders</a></li>
          <li><a href="#">The Merchant Princes</a></li>
        </ul>
      </aside-->

      <aside class="right-off-canvas-menu">
        <ul class="off-canvas-list">
          <li><label>Attributes</label></li>
          <li><a href="#">University of Arkansas<br/>(employer)</a></li>
          <li><a href="#">Democratic Party<br/>(member of political party)</a></li>
          <li><a href="#">United States of America<br/>(country of citizenship)</a></li>
          <li><a href="#">born August 19, 1946<br/>William Jefferson Blythe III<br/>Hope, Arkansas, United States</a></li>
          <li><a href="#">saxophone<br/>(instrument)</a></li>
          <li><a href="#">vegetarian<br/>(lifestyle)</a></li>
          <li class="has-submenu"><a href="#">occupation</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">Jurist</a></li>
              <li><a href="#">Politician</a></li>
              <li><a href="#">Lawyer</a></li>
              <li><a href="#">Diplomat</a></li>
              <li><a href="#">Saxophonist</a></li>
              <li><a href="#">Autobiographer</a></li>
            </ul>
          </li>
          <li class="has-submenu"><a href="#">relative</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">Hillary Rodham Clinton<br/>(spouse)</a></li>
              <li><a href="#">Chelsea Victoria Clinton<br/>(child)</a></li>
              <li><a href="#">Virginia Clinton Kelley<br/>(mother)</a></li>
              <li><a href="#">William Jefferson Blythe, Jr.<br/>(father)</a></li>
              <li><a href="#">Roger Clinton, Sr.<br/>(stepfather)</a></li>
              <li><a href="#">Jeff Dwire (stepfather)</a></li>
              <li><a href="#">Roger Clinton, Jr.<br/>(brother)</a></li>
            </ul>
          </li>
          <li class="has-submenu"><a href="#">position held</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">Arkansas Attorney General<br/>Jan 3, 1977 - Jan 9, 1979</a></li>
              <li><a href="#">Governor of Arkansas<br/>Jan 9, 1979 - Jan 19, 1981</a></li>
              <li><a href="#">Governor of Arkansas<br/>Jan 11, 1983 - Dec 12, 1992</a></li>
              <li><a href="#">President of the United States of America<br/>Jan 20, 1983 - Jan 20, 2001</a></li>
            </ul>
          </li>
          <li class="has-submenu"><a href="#">educated at</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">Hot Springs High School<br/>-1964</a></li>
              <li><a href="#">Edmund A. Walsh School of Foreign Service<br/>1964 - 1968<br/>Bachelor of Science</a></li>
              <li><a href="#">University College<br/>1968 - 1970</a></li>
              <li><a href="#">Yale Law School<br/>1970 - 1973<br/>Juris Doctor</a></li>
            </ul>
          </li>
          <li class="has-submenu"><a href="#">award received</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">Charlemagne Prize<br/>2 June 2000</a></li>
              <li><a href="#">Four Freedoms Award - Freedom Medal</a></li>
              <li><a href="#">Philadelphia Liberty Medal</a></li>
              <li><a href="#">Freedom Award</a></li>
              <li><a href="#">Sergio Vieira de Mello Citizen of the World</a></li>
              <li><a href="#">James Parks Morton Interfaith Award</a></li>
            </ul>
          </li>
          <li class="has-submenu"><a href="#">member of</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">Trilateral Commission</a></li>
              <li><a href="#">American Academy of Arts and Sciences</a></li>
            </ul>
          </li>
          <li class="has-submenu"><a href="#">medical condition</a>
            <ul class="right-submenu">
              <li class="back"><a href="#">Back</a></li>
              <li><a href="#">collapsed lung</a></li>
              <li><a href="#">angina pectoris</a></li>
            </ul>
          </li>
        </ul>
      </aside>

      <section class="main-section">
        <iframe id="wikipediaInnerFrame" src="//en.m.wikipedia.org/wiki/Bill_Clinton" frameborder="0" scrolling="yes" width="1000"></iframe>

      </section>

      <a class="exit-off-canvas"></a>

    </div>
  </div>

  <script>
    //var midiAccess=null;	// the MIDIAccess object.

    window.addEventListener('load', function() {
      $( "#wikipediaInnerFrame" ).attr("width",window.innerWidth - 0).attr("height",window.innerHeight - 60);
    } );

    function hookUpMIDIInput() {
      //
    }

  </script>

  <script src="js/vendor/jquery.js"></script>
  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>
  <script>
    // Throttled resize function
    $(window).on('resize', Foundation.utils.throttle(function(e){
      $( "#wikipediaInnerFrame" ).attr("width",window.innerWidth - 0).attr("height",window.innerHeight - 60);
    }, 300));

  </script>

</body>
</html>
